<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
	List<String> info = (List<String>)request.getAttribute("info");
	if(info!=null){
		Iterator<String> iterator = info.iterator();
		while(iterator.hasNext()){
%>
		<h4><font color="red"><%=iterator.next() %></font></h4>
<%		
		}
	}
 %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>用户登录</title>
  	<script type="text/javascript">
  		/* 客户端验证脚本，如果浏览器验证不通过就没有必要发送到Servlet进行验证了！可以降低服务器的负担 */
  		function validate(f){
  			if(!(/^\w{5,15}$/.test(f.username.value))){ // javascript的正则格式  /^匹配模式$/.test(待匹配的字符串)
  				alert("用户名必须是5~15位");
  				f.username.select();	// 将制定的表单内容选中，提升用户体验
  				return false;
  			}
  			if(!(/^\w{5,15}$/.test(f.password.value))){
  				alert("密码必须是5~15位");
  				f.password.select();
  				return false;
  			}
  		}
  	</script>
  </head>
  
  <body>
	<form action="LoginServlet" method="post" onsubmit="return validate(this)"> 
		用户名:<input type="text" name="username"><br>
		密码:<input type="password" name="password"><br>
		<input type="submit" value="提交"><input type="reset" value="重置">
	</form>
  </body>
</html>
